<%-- 
    Document   : index
    Created on : Aug 8, 2013, 3:41:16 PM
    Author     : dferreira
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title><spring:message code="index.title" /></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/languages_teach.css" media="screen" />
        <link rel="shortcut icon" href="images/ic_launcher.ico">
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
        <div id="content">
            <p id="top"></p>
            <div id="logo">
                <h1><a href="/"><spring:message code="index.title" /></a></h1>
            </div>
            <div id="tabs">
                <ul id="menu">
                    <li><a href="#introduction"><spring:message code="index.introduction" /></a></li>
                    <li><a id="li_demo" href="#demo"><spring:message code="index.demo" /></a></li>  
                    <li><a href="#gallery"><spring:message code="index.gallery" /></a></li>
                </ul>
                    <div class="line"></div>            
                    <div id="introduction"><jsp:include page="partials/introduction.jsp" /></div>
                <div id="demo"><jsp:include page="partials/demo.jsp" /></div>
                <div id="gallery"><jsp:include page="partials/gallery.jsp" /></div>
            </div>
            <div id="footer">
                <p><spring:message code="index.footer" /></p>
            </div>
        </div>
    </body>
    
        <script type="text/javascript">
            $(function(){
                var tabs_selector = '#tabs';
                
                //Enable the navigation with divs
                $( tabs_selector ).tabs();
            });
        </script> 
</html>
